<template>
	<div id="app" class="clearfix">
		
		<!--头部-->
		<eea-header></eea-header>

		<router-view></router-view>
		
		<!--<router-view name="shareContent"></router-view>
		<router-view name="aboutContent"></router-view>
		<router-view name="downloadContent"></router-view>
		<router-view name="jobContent"></router-view>
		<router-view name="latestMessage"></router-view>-->
		
		<!--底部-->
		<eea-footer></eea-footer>
		<div class='clearFloat'></div>
		
	</div>
</template>
<script>
	import eeaHeader from 'components/eea-header'
	import eeaFooter from 'components/eea-footer'
	export default {
		name: 'app',
		components: {
			eeaHeader,
			eeaFooter
		}
	}
</script>

<style>
	#app {
		width: 100%;
		height: 100%;
		min-width: 1140px;
		margin: 0 auto;
		text-align: center;
	}
	
	.pdp-100{
		padding-top: 100px;
	}
	
	#container {
		position: relative;
	}
	
	body {
		margin: 0;
		padding: 0;
	}
	
	.clearfix:before,
	.clearfix:after {
		display: table;
		content: " ";
	}
	
	.clearfix:after {
		clear: both;
	}
	
	.clearfix {
		*zoom: 1;
	}
</style>